<app-header></app-header>

<div class="container main">
  <div class="row">
    <div id="title_content_meiyuan" class="header-top-content-img1"></div>
    <div class="col-md-9 col-sm-12 hy-main-content">
      <div class="hy-player clearfix">
        <div class="item">
          <div id="dplayer"></div>
          <div class="footer clearfix">
            <span class="text-muted">正在播放：</span><a href="javascript:;" title="{{info.title}}">{{info.title}}</a>
            <ul class="cleafix">
              <li class="cleafix-left">
                <a (click)="liked(info.id)" class="btn btn-sm btn-default clickGood" href="javascript:;">
                  <i class="icon iconfont icon-dianzan"></i> 点赞
                </a>
              </li>
              <li class="cleafix">
                <a (click)="collect(info.id)" class="btn btn-sm btn-default addFav " href="javascript:;">
                  <i class="icon iconfont icon-xingzhuang-xingxing"></i> 收藏
                </a>
              </li>
              <li class="cleafix">
                <a class="btn btn-sm btn-default btn-share" href="javascript:;" style="display: inline-block;">
                  <i class="icon iconfont icon-icon-test"></i> 分享
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <div class="hy-video-details clearfix" style="margin-top: 20px">
        <div class="item clearfix">
          <dl class="content">
            <dt>
              <a class="videopic lazy" [defaultImage]="'/assets/images/load.png'"
                 [lazyLoad]="Service.image_host+info.thumb" href="javascript:;" title="{{info.title}}">
                <span class="play hidden-xs"></span><span class="note textbg">{{info.title}}</span>
              </a>
            </dt>
            <dd class="clearfix">
              <div class="head">
                <h3>{{info.title}}</h3></div>
              <div class="score">
                <input id="rating-input" value="{{info.score}}" type="text"/>
              </div>
              <ul>
                <li class="">
                  <span class="text-muted">标签：</span>
                  <a *ngFor="let tag of info.tags" href="/{{info.channel}}/index?tag={{tag}}"
                     title="{{tag}}">{{tag}}</a>
                </li>
                <li *ngIf="info.actors.length" class="">
                  <span class="text-muted">女忧：</span>
                  <a *ngFor="let actor of info.actors" href="/{{info.channel}}/index?actor={{actor}}"
                     title="{{actor}}">{{actor}}</a>
                </li>
                <li class=""><span class="text-muted">时间：</span>{{Service.getDate(info.create_time)}}</li>
              </ul>
            </dd>
          </dl>
        </div>
      </div>

      <div class="hy-layout clearfix" style="margin-top: 20px">
        <div class="hy-video-head"><h3 class="margin-0"><i class="icon iconfont icon-duanxinyingxiao text-color"></i>播放小提示
        </h3></div>
        <div class="tishi">
          由于本站建立于美利坚合众国，可能部分国家地区访问会出现卡顿！受您本地网络环境影响，请先缓冲一会后在播放！
        </div>
      </div>

      <!--影片评论-->
      <app-comment></app-comment>
    </div>


    <!--右边列表-->
    <app-right></app-right>

  </div>
</div>
<app-footer></app-footer>
